page {
  background-color: #22262D;
}

.user {

  width: 750rpx;
  height: 350rpx;
  background-image: linear-gradient(122deg, #703D4D 9%, #6F5242 100%);
  border-radius: 0 0 38rpx 38rpx;


  .icon {
    padding: 20rpx 40rpx;

    image {
      display: block;
      width: 38rpx;
      height: 38rpx;
      float: right;
      margin-left: 23rpx;
    }

    .setting {
      width: 50rpx;
      height: 50rpx;
    }

    .message {
      margin-top: 6rpx;
    }
  }

  .image {
    width: 146rpx;
    height: 146rpx;
    border-radius: 73rpx;
    float: left;
    margin-left: 40rpx;
    margin-top: 90rpx;
  }

  .right {
    width: 480rpx;
    float: left;
    display: flex;
    justify-content: space-between;
    padding-left: 40rpx;
    margin-top: 55rpx;

    .user-info {
      .name {
        font-size: 36rpx;
        color: #FFFFFF;
      }

      .des {
        width: 198rpx;
        height: 46rpx;
        background: #433A3F;
        border-radius: 10rpx;
        border-radius: 10rpx;
        font-size: 28rpx;
        color: #FFFFFF;
        padding-left: 20rpx;
        line-height: 46rpx;
        margin-top: 12rpx;

        .des-more {
          width: 22rpx;
          height: 12rpx;
          padding: 6rpx 6rpx;
          transform: rotate(-90deg);

        }
      }

    }
  }

  .more {
    width: 44rpx;
    height: 24rpx;
    transform: rotate(-90deg);
    margin-top: 40rpx;
  }

}

// 会员中心
.center {
  width: 672rpx;
  height: 136rpx;
  background: #33363D;
  box-shadow: 0 0 8rpx 6rpx rgba(0, 0, 0, 0.10);
  border-radius: 34rpx;
  border-radius: 34rpx;
  display: flex;
  justify-content: space-between;
  margin: 0 auto;
  margin-top: -40rpx;

  .left {
    font-size: 36rpx;
    color: #FFFFFF;
    height: 94rpx;
    border-right: 2rpx solid #fff;
    text-indent: 30rpx;
    width: 250rpx;
    margin-top: 21rpx;
    text-align: center;
    line-height: 94rpx;
  }

  .right {
    margin-top: 21rpx;
    width: 340rpx;
    display: flex;
    margin-right: 40rpx;
    padding-left: 20rpx;
    justify-content: space-between;

    .right-con {
      opacity: 0.93;
      font-size: 28rpx;
      color: #FFFFFF;
      width: 230rpx;
      height: 94rpx;
      display: flex;
      justify-content: space-between;
      flex-direction: column-reverse;
    }

    image {
      width: 90rpx;
      height: 90rpx;
      margin-top: 0rpx;
    }
  }
}


// 我的订单
.order {
  padding: 0 40rpx;
  background: #33363D;
  border-radius: 12rpx;
  margin-top: 40rpx;
  overflow: hidden;
  .order-title {
    display: flex;
    justify-content: space-between;
    margin-top: 30rpx;

    text {
      font-size: 32rpx;
      color: #FFFFFF;
    }

    .all {
      opacity: 0.61;
      font-size: 28rpx;
      color: #FFFFFF;

      image {
        width: 22rpx;
        height: 12rpx;
        transform: rotate(-90deg);
        padding: 4rpx 10rpx;
      }
    }
  }

  .order-con {
    width: 550rpx;
    display: flex;
    justify-content: space-between;
    margin: 50rpx auto;

    .con-item {
      width: 84rpx;

      .logo {
        width: 80rpx;
        height: 80rpx;
        margin: 0 auto;
      }

      text {
        display: block;
        width: 84rpx;
        margin-top: 10rpx;
        font-size: 28rpx;
        color: #FFFFFF;
      }
    }
  }
}


// 功能区
.tool {
  padding: 20rpx 40rpx;
  background: #33363D;
  background: #33363D;
  border-radius: 12rpx;
  margin-top: 40rpx;

  .tool-item {
    height: 90rpx;
    display: flex;
    justify-content: space-between;

    text {
      line-height: 90rpx;
      font-size: 32rpx;
      color: #FFFFFF;
    }

    image {
      width: 33rpx;
      height: 18rpx;
      transform: rotate(-90deg);
      padding: 36rpx 20rpx;
    }
  }
}